概述
Vite（法语单词“ fast”，发音为/ vit /）是一种构建工具，旨在为现代
Web项目提供更快，更精简的开发体验。 它包括两个主要部分：
一个开发服务器，它在本机ES模块上提供了丰富的功能增强，
例如，极快的热模块更换（HMR）。
一个构建命令，它将您的代码与Rollup捆绑在一起，并已预先
配置为输出高度优化的静态资产进行生产。
Vite固执己见，并具有开箱即用的明智默认设置，但通过
其Plugin API和JavaScript API具有完全键入支持，它也可以高度扩展。
您可以在“为什么要投票”部分中了解有关该项目背后原理的更多信息。


浏览器支持
对于开发：需要本地ESM动态导入支持。
对于生产：默认构建针对通过脚本标记支持本机ESM的浏览器。
可以通过官方@ vitejs / plugin-legacy支持旧版浏览器-有关
更多详细信息，请参见“生产版本”部分。


使用
1.node.js版本必须12或者12以上
2.使用npm或yarn:
	npm init @vitejs/app 项目名
	yarn create @vitejs/app 项目名
	例:yarn create @vitejs/app vue3-vite-ts --template vue-ts (使用ts语言)
Vite只是下载了项目模板
运行项目所需要的第三方扩展
都需要再次安装才能够运行
npm install->npm run dev
yarn 或 yarn install->yarn dev


index.html和项目根目录
您可能已经注意到的一件事是，在Vite项目中，index.html处于中心位置，
而不是隐藏在公共场所。这是故意的：在开发过程中，Vite是服务器，
而index.html是应用程序的入口点。
Vite将index.html视为源代码和模块图的一部分。它解析引用您
的JavaScript源代码的<script type =“ module” src =“ ...”>。甚至内
联<script type =“ module”>和通过<link href>引用的CSS也都具有Vite特
定的功能。此外，index.html中的URL会自动重新设置基础，因此不需要特
殊的％PUBLIC_URL％占位符。
与静态http服务器类似，Vite具有“根目录”的概念，从中可以从中提供文件。
在其余文档中，您将看到它被引用为<root>。源代码中的绝对URL将使用项目
根目录作为基础来解析，因此您可以像使用普通的静态文件服务器一样（除非功能更强大！）
来编写代码。 Vite还能够处理解析为根目录以外的文件系统位置的依赖项，
从而使其即使在基于monorepo的设置中也可以使用。
Vite还支持具有多个.html入口点的多页面应用程序。
＃指定替代根
运行vite使用当前工作目录作为root启动dev服务器。
您可以使用vite serve some / sub / dir指定备用根。




命令行界面
在安装了Vite的项目中，您可以在npm脚本中使用vite二进制文件，也可以
直接使用npx vite运行它。 这是脚手架Vite项目中的默认npm脚本：
{
  "scripts": {
    "dev": "vite", // start dev server
    "build": "vite build", // build for production
    "serve": "vite preview" // locally preview production build
  }
}
您可以指定其他CLI选项，例如--port或--https。 有关CLI选项的完整列表，
请在项目中运行npx vite --help。




使用未发布的提交
如果您迫不及待地需要一个新版本来测试最新功能，则需要将vite存储库克
隆到本地计算机，然后自己构建并链接它（需要使用arn 1.x）：
git clone https://github.com/vitejs/vite.git
cd vite
yarn
cd packages/vite
yarn build
yarn link
然后转到基于vite的项目并运行yarn link vite。 现在，重新启动
开发服务器（yarn dev）以适应最新趋势！

